.ci {
	--borderW: 1px;
	--borderS: solid;
	--border: var(--borderW) var(--borderS) currentColor;
	display: inline-block;
	font-size: 16px;
	width: 1em;
	height: 1em;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
	font-style: normal;
}.ci::before,
.ci::after {
	content: '';
	font-size: 1em;
	display: inline-block;
	position: absolute;
	box-sizing: inherit;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ci-search {
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-radius: 50%;
	top: -0.1em;
	left: -0.1em;
}.ci-search::before {
	height: 0.5em;
	border-left: var(--border);
	top: 0.6em;
	left: 0.8em;
	transform: rotate(-45deg);
}

.ci-search-magnify {
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-radius: 50%;
	top: -0.1em;
	left: -0.1em;
}.ci-search-magnify::before {
	height: 0.5em;
	border-left: var(--border);
	top: 0.6em;
	left: 0.8em;
	transform: rotate(-45deg);
}.ci-search-magnify::after {
	content: "+";
	margin-top: -0.1em;
}

.ci-search-minify {
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-radius: 50%;
	top: -0.1em;
	left: -0.1em;
}.ci-search-minify::before {
  height: 0.5em;
	border-left: var(--border);
	top: 0.6em;
	left: 0.8em;
	transform: rotate(-45deg);
}.ci-search-minify::after {
	content: "-";
	margin-top: -0.1em;
}

.ci-close::before,
.ci-error::before {
  height: 1.2em;
	border-left: var(--border);
	top: -0.1em;
	transform: rotate(45deg);
}.ci-close::after ,
.ci-error::after {
  height: 1.2em;
	border-left: var(--border);
	top: -0.1em;
	transform: rotate(-45deg);
}

.ci-menu {
	width: 1.1em;
	border-top: var(--border);
	border-bottom: var(--border);
}.ci-menu::before {
	width: 1.1em;
	border-top: var(--border);
}

.ci-arrow-left::before {
	width: 0.8em;
	height: 0.8em;
	border-left: var(--border);
	border-bottom: var(--border);
	transform: rotate(45deg);
	top: 0.1em;
	left: 0.15em;
}.ci-arrow-left::after {
	width: 1em;
	left: 0.55em;
	border-top: var(--border);
}

.ci-arrow-right::before {
	width: 0.8em;
	height: 0.8em;
	border-right: var(--border);
	border-top: var(--border);
	transform: rotate(45deg);
	top: 0.1em;
	left: 0.05em;
}.ci-arrow-right::after {
	width: 1em;
	left: 0.45em;
	border-top: var(--border);
}

.ci-arrow-up::before {
	width: 0.8em;
	height: 0.8em;
	border-left: var(--border);
	border-top: var(--border);
	transform: rotate(45deg);
	top: 0.15em;
	left: 0.1em;
}.ci-arrow-up::after {
	height: 1em;
	border-left: var(--border);
	top: 0.55em;
}

.ci-arrow-down::before {
	width: 0.8em;
	height: 0.8em;
	border-right: var(--border);
	border-bottom: var(--border);
	transform: rotate(45deg);
	top: 0.05em;
	left: 0.1em;
}.ci-arrow-down::after {
	height: 1em;
	border-left: var(--border);
	top: 0.45em;
}

.ci-plus::before{
	width: 1em;
	border-top: var(--border);
}.ci-plus::after{
	height: 1em;
	border-left: var(--border);
}

.ci-minus::before{
	width: 1em;
	border-top: var(--border);
}

.ci-correct::before {
  height: 1em;
	border-left: var(--border);
	top: 0;
	left: 0.7em;
	transform: rotate(45deg);
}.ci-correct::after {
  height: 0.5em;
	border-left: var(--border);
	top: 0.4em;
	left: 0.2em;
	transform: rotate(-45deg);
}

.ci-remove {
	width: 0.7em;
	height: 0.8em;
	border: var(--border);
	border-top: none;
	border-bottom-left-radius: 0.2em;
	border-bottom-right-radius: 0.2em;
	top: 0.15em;
}.ci-remove::before {
	width: 1em;
	top: -0.1em;
	border-top: var(--border);
}.ci-remove::after {
	width: 0.6em;
	height: 0.25em;
	top: -0.2em;
	border: var(--border);
	border-bottom: none;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}

.ci-microphone {
	width: 0.8em;
	height: 0.6em;
	border-left: var(--border);
	border-right: var(--border);
	border-bottom: var(--border);
	border-radius: 0 0 30% 30%;
	top: 0.05em;
}.ci-microphone::before{
	width: 0.5em;
	height: 0.8em;
	top: 0.1em;
	border: var(--border);
	border-radius: 30%;
}	.ci-microphone::after{
	top: 0.68em;
	height: 0.25em;
	border-left: var(--border);
}

.ci-location {
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-radius: 50% 50% 0 50%;
	transform: rotate(45deg);
	top: -0.08em;
}.ci-location::before{
	width: 0.5em;
	height: 0.5em;
	border: var(--border);
	border-radius: 50%;
}

.ci-message{
	width: 1.1em;
	height: 0.8em;
	border: var(--border);
	top: -0.15em;
	border-radius: 0.2em;
}.ci-message::before{
	width: 0.4em;
	height: 0.4em;
	border-right: var(--border);
	border-bottom: var(--border);
	transform: rotate(43deg);
	top: 0.52em;
	left: 0.3em;
	background-color: #fff;
}

.ci-stop {
	border: var(--border);
	border-radius: 50%;
}.ci-stop::before {
	width: 0.9em;
	border-top: var(--border);
	transform: rotate(45deg);
	left: 0;
	top: 0.41em;
}

.ci-clock {
	border: var(--border);
	border-radius: 50%;
}.ci-clock::before {
	width: 0.2em;
	height: 0.3em;
	border-left: var(--border);
	border-bottom: var(--border);
	top: 0.32em;
	left: 0.5em;
}

.ci-user {
	width: 0.5em;
	height: 0.5em;
	border: var(--border);
	border-radius: 50%;
	top: -0.3em;
}.ci-user::before {
	width: 0.8em;
	height: 0.6em;
	border: var(--border);
	border-bottom: none;
	border-radius: 50% 50% 0 0;
	top: 0.7em;
}

.ci-bell {
	width: 0.7em;
	height: 0.8em;
	border: var(--border);
	border-radius: 50% 50% 0 0;
	top: -0.15em;
}.ci-bell::before {
	width: 1em;
	top: 0.65em;
	border-top: var(--border);
}.ci-bell::after {
	width: 0.3em;
	height: 0.2em;
	top: 0.9em;
	border: var(--border);
	border-top: none;
	border-radius: 0 0 100% 100%;
}

.ci-heart {
	width: 0.7em;
	height: 0.7em;
	border-right: var(--border);
	border-bottom: var(--border);
	transform: rotate(45deg);
	top: 0.05em;
}.ci-heart::before {
	width: 0.7em;
	height: 0.7em;
	border-left: var(--border);
	border-bottom: var(--border);
	border-radius: 50% 0 0 50%;
	top: 0.35em;
	left: 0.05em;
}.ci-heart::after {
	width: 0.7em;
	height: 0.7em;
	border-top: var(--border);
	border-right: var(--border);
	border-radius: 50% 50% 0 0;
	top: 0.05em;
	left: 0.35em;
}

.ci-print{
	width: 1.1em;
	height: 0.5em;
	border: var(--border);
	border-radius: 0.1em;
}.ci-print::before{
	width: 0.7em;
	height: 1.1em;
	border: var(--border);
	background-color: #fff;
}.ci-print::after{
	width: 0.8em;
	height: 0.3em;
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: #fff;
	top: 0.09em;
}

.ci-edit{
	width: 0.4em;
	height: 0.9em;
	border: var(--border);
	transform: rotate(45deg);
	top: -0.08em;
	left: 0.08em;
}.ci-edit::before{
	width: 0;
	height: 0;
	border-left: 0.2em var(--borderS) transparent;
	border-right: 0.2em var(--borderS) transparent;
	border-top: 0.32em var(--borderS) currentColor;
	border-bottom: 0.32em var(--borderS) transparent;
	top: 1.2em;
}

.ci-link{
	width: 0.6em;
	height: 0.4em;
	border: var(--border);
	border-radius: 0.1em;
	transform: rotate(-45deg);
	top: -0.25em;
	left: 0.24em;
}.ci-link::before{
	width: 0.6em;
	height: 0.4em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.15em;
	left: -0.45em;
}.ci-link::after{
	width: 0.6em;
	border-top: var(--border);
	top: 0.15em;
	left: -0.1em;
}

.ci-map{
	width: 0.4em;
	height: 0.8em;
	border-radius: 0.1em;
  border: var(--borderW) var(--borderS) currentColor;
	transform: skewY(20deg);
}.ci-map::before{
	width: 0.4em;
	height: 0.8em;
	border-radius: 0.1em;
  border: var(--borderW) var(--borderS) currentColor;
	transform: skewY(-40deg);
	left: -0.40em;
	top: 0.07em;
}.ci-map::after{
	width: 0.4em;
	height: 0.8em;
	border-radius: 0.1em;
  border: var(--borderW) var(--borderS) currentColor;
	transform: skewY(-40deg);
	left: 0.28em;
	top: -0.2em;
}

.ci-email{
	width: 1.1em;
	height: 0.9em;
	border: var(--border);
	border-radius: 0.1em;
}.ci-email::before{
	width: 0.78em;
	height: 0.78em;
	border-right: var(--border);
	border-bottom: var(--border);
	transform: rotate(45deg);
	top: -0.38em;
	left: 0.1em;
}

.ci-bookmark{
	width: 0.8em;
	height: 1em;
	border: var(--border);
	border-bottom: none;
}.ci-bookmark::before{
	width: 0.58em;
	height: 0.58em;
	border-top: var(--border);
	border-left: var(--border);
	transform: rotate(45deg);
	top: 0.62em;
	left: 0.05em;
}

.ci-camera{
	width: 1.1em;
	height: 0.8em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.05em;
}.ci-camera::before{
	width: 0.4em;
	height: 0.4em;
	border: var(--border);
	border-radius: 50%;
}.ci-camera::after{
	width: 0.2em;
	height: 0.1em;
	border: var(--border);
	border-bottom: none;
	border-radius: 50% 50% 0 0;
	top: -0.1em;
	left: 0.75em;
}

.ci-fullscreen{
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-radius: 0.1em;
}.ci-fullscreen::before{
	width: 0.4em;
	height: 0.9em;
	border-top: var(--borderW) var(--borderS) #fff;
	border-bottom: var(--borderW) var(--borderS) #fff;
}.ci-fullscreen::after{
	width: 0.9em;
	height: 0.4em;
	border-left: var(--borderW) var(--borderS) #fff;
	border-right: var(--borderW) var(--borderS) #fff;
}

.ci-card{
	width: 1.1em;
	height: 0.8em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.05em;
}.ci-card::before{
	width: 1.1em;
	border-top: 0.15em var(--borderS) currentColor;
	top: 0.2em;
}.ci-card::after{
	width: 0.3em;
	border-top: var(--border);
	top: 0.5em;
	left: 0.7em;
}

.ci-lock{
	width: 0.9em;
	height: 0.5em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.2em;
}.ci-lock::before{
	width: 0.4em;
	height: 0.5em;
	border: var(--border);
	border-bottom: none;
	border-radius: 0.1em 0.1em 0 0;
	top: -0.25em;
}

.ci-unlock{
	width: 0.9em;
	height: 0.5em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.2em;
}.ci-unlock::before{
	width: 0.4em;
	height: 0.25em;
	border-left: var(--border);
	top: -0.19em;
}.ci-unlock::after{
	width: 0.4em;
	height: 0.25em;
	border: var(--border);
	border-bottom: none;
	border-radius: 0.1em 0.1em 0 0;
	top: -0.4em;
}

.ci-code::before{
	width: 0.6em;
	height: 0.6em;
	border-left: var(--border);
	border-bottom: var(--border);
	transform: rotate(45deg);
	top: 0.2em;
	left: 0.05em;
}.ci-code::after{
	width: 0.6em;
	height: 0.6em;
	border-top: var(--border);
	border-right: var(--border);
	transform: rotate(45deg);
	top: 0.2em;
	left: 0.35em;
}

.ci-flag{
	height: 1.1em;
	border-left: var(--border);
}.ci-flag::before{
	width: 0.8em;
	height: 0.6em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.4em;
}

.ci-tag{
	width: 0.65em;
	height: 0.7em;
	border: var(--border);
	border-top: none;
	transform: rotate(-45deg);
}.ci-tag::before{
	width: 0.45em;
	height: 0.45em;
	border-top: var(--border);
	border-right: var(--border);
	transform: rotate(-45deg);
	top: -0.22em;
	left: 0.04em;
}.ci-tag::after{
	width: 0;
	height: 0;
	border: var(--border);
	border-radius: 50%;
	top: 0;
}

.ci-signal{
	width: 0.4em;
	height: 0.4em;
	border: var(--border);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	top: 0.45em;
}.ci-signal::before{
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
}.ci-signal::after{
	width: 1.4em;
	height: 1.4em;
	border: var(--border);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
}

.ci-export{
	width: 0.9em;
	height: 0.6em;
	border: var(--border);
	border-radius: 0.1em;
	top: 0.2em;
}.ci-export::before{
	box-sizing: content-box;
	width: 1px;
	height: 0.6em;
	border-left: 3px var(--borderS) white;
	border-right: 0.15em var(--borderS) white;
	background-color: currentColor;
	top: -0.15em;
}.ci-export::after{
	width: 0.4em;
	height: 0.4em;
	border-top: var(--borderS);
	border-left: var(--borderS);
	transform: rotate(45deg);
	top: -0.4em;
	left: 0.2em;
}

.ci-upload{
	width: 0.9em;
	height: 0.3em;
	border: var(--border);
	border-top: none;
	border-radius: 0 0 0.1em 0.1em;
	top: 0.2em;
}.ci-upload::before{
	width: 1px;
	height: 0.6em;
	border-left: var(--border);
	top: -0.15em;
}.ci-upload::after{
	width: 0.4em;
	height: 0.4em;
	border-top: var(--borderS);
	border-left: var(--borderS);
	transform: rotate(45deg);
	top: -0.4em;
	left: 0.2em;
}

.ci-download{
	width: 0.9em;
	height: 0.3em;
	border: var(--border);
	border-top: none;
	border-radius: 0 0 0.1em 0.1em;
	top: 0.2em;
}.ci-download::before{
	width: 1px;
	height: 0.6em;
	border-left: var(--border);
	top: -0.15em;
}.ci-download::after{
	width: 0.4em;
	height: 0.4em;
	border-right: var(--borderS);
	border-bottom: var(--borderS);
	transform: rotate(45deg);
	top: -0.3em;
	left: 0.2em;
}

.ci-shutdown{
	width: 0.9em;
	height: 0.9em;
	border: var(--border);
	border-left-color: transparent;
	border-radius: 50%;
}.ci-shutdown::before{
	width: 1px;
	height: 0.6em;
	border-left: var(--border);
	top: 0.15em;
}

.ci-paperclip{
	width: 0.4em;
	height: 0.8em;
	border: var(--border);
	border-bottom: none;
	border-radius: 0.2em 0.2em 0 0;
	transform: rotate(45deg);
	top: -0.05em;
	left: 0.15em;
}.ci-paperclip::before{
	width: 0.3em;
	height: 0.3em;
	border: var(--border);
	border-top: none;
	border-radius: 0 0 0.15em 0.15em;
	top: 0.88em;
	left: 0.09em;
}.ci-paperclip::after{
	width: 0.2em;
	height: 0.6em;
	border: var(--border);
	border-bottom: none;
	border-radius: 0.15em 0.15em 0 0;
	top: 0.45em;
	left: 0.14em;
}

.ci-relay{
	width: 0.9em;
	height: 0.9em;
	border-left: var(--border);
	border-bottom: var(--border);
	border-radius: 0 0 0 0.1em;
}.ci-relay::before{
	width: 1px;
	height: 0.7em;
	border-left: var(--border);
	transform: rotate(45deg);
	top: 0;
}.ci-relay::after{
	width: 0.5em;
	height: 0.5em;
	border-top: var(--border);
	border-right: var(--border);
	top: 0.3em;
	left: 0.5em;
}

.ci-key{
	width: 0.4em;
	height: 0.4em;
	border: var(--border);
	border-radius: 50%;
	left: -0.3em;
}.ci-key::before{
	width: 0.6em;
	height: 1px;
	border-top: var(--border);
	left: 0.6em;
}.ci-key::after{
	width: 0.2em;
	height: 0.2em;
	border-left: var(--border);
	border-right: var(--border);
	left: 0.7em;
	top: 0.2em;
}

.ci-refresh{
	width: 0.8em;
	height: 0.8em;
	border: var(--border);
	border-left-color: transparent;
	border-radius: 50%;
}.ci-refresh::before{
	width: 0.3em;
	height: 0.3em;
	border: var(--border);
	border-top: none;
	border-right: none;
	transform: rotate(75deg);
	left: 0.05em;
	top: 0.55em;
}

.ci-pilcrow{
	width: 0.2em;
	height: 0.9em;
	border: var(--border);
	border-bottom: none;
	left: 0.2em;
}.ci-pilcrow::before{
	width: 0.4em;
	height: 0.5em;
	border: var(--border);
	border-right: none;
	border-radius: 50% 0 0 50%;
	left: -0.2em;
	top: 0.19em;
}